<template>
	<div class="details-commondity-info mt15">
		<div>
			<div class="details-commondity-info-title">{{title}}</div>
			<p class="details-commondity-info-content">{{{content}}}</p>
			<img style="width:100%" src="//s1.cximg.com/msweb02/spah5/static/img/price-info.jpg" alt="">
		</div>
	</div>
</template>

<style lang="scss">

@import '../../assets/css/_variables.scss';
@import '../../assets/css/_functions.scss';

	.details-commondity-info{
		padding-bottom: rem(70);
		background: $_fff;
		.details-commondity-info-title {
			line-height: rem(42);
			border-bottom: 1px solid $_eee;
			padding-left: rem(15);
			font-size: rem(14);
		}
		.details-commondity-info-content {
			font-size: rem(14);
			padding: rem(10) rem(14);
			line-height: rem(24);
			p {
				overflow: hidden;
				img {
					width: 100%;
				}
			}
		}
		video{
			width:rem(347);
			height:rem(195);
			background:#000;
		}
	}

</style>
<script>
	export default{
		data () {
			return {
				title: '服务详情',
				content: '暂无数据'	
			}	
		},
		events: {
			detailsCommodityInfo: function ( msg ) {
				this.content = msg || this.content;
				// this.src = '//s1.cximg.com/msweb02/spah5/static/img/artboard.jpg'
				// this.content = '<video controls preload="none" poster=""><source src="static/yang.mp4" type="video/mp4" /></video>';
			}
		}
	}
</script>